<template>
	<view>
		<view class="content u-p-l-20 u-p-r-20">
			<view class="group-fac u-flex u-row-between u-col-center" v-for="(item,index) in guquanData" :key="index" @click="jump('/pages-user/user-group/my-detail',{id:item.guquan_id,type:'guquan'})">
				<view class="right-content u-ellipsis-2">
					{{ item.title }}
				</view>
				<view class="right-content  u-ellipsis-2">
					{{ item.state_text }}
				</view>
				<view class="right-content">
					<view class="right">
						{{ item.user}}
					</view>
				</view>
			</view>
		</view>
		<shopro-empty v-if="guquanData.length==0" :image="$IMG_URL + '/imgs/empty/empty_goods.png'" tipText="暂无内容~"></shopro-empty>
	</view>

</template>

<script>
export default {
	data() {
		return {
			is_choose:0,
			guquanData:[]
		};
	},
	onLoad(){
		this.getMyguquan();
	},
	methods:{
		jump(path, parmas) {
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
		ontab(index){
			this.is_choose = index
		},
		getMyguquan(){
			this.$new_http('newuser.guquan', {
				// category:0,
				// limit:10,
				// page:this.page
			}).then(res => {
				this.guquanData = res.data
				// if (res.code === 1) {
				// 	this.richText = res.data;
				// }
			});
		}
	}
}
</script>

<style lang="scss">
page{
	background: #FBFAFA;
}
.content{
	background: #fff;
	border-radius: 20rpx;
	padding: 0 20rpx;
	margin: 20rpx;
	.group-fac{
		border-bottom:2rpx solid #F0F0F0 ;
		padding: 30rpx 0rpx;
		width: 100%;
		&:first-child{
		}
		&:last-child{
			border-bottom:0rpx solid #F0F0F0 ;
		}
		.leftgroup{
			.left-img{
				width: 40rpx;
				height: 40rpx;
				margin-right: 20rpx;
			}
		}
		.right-content{
			width: 33vw;
			.right{
				text-align: right;
				font-size: 24rpx;
				color:#999;
			}
			.right-img{
				width:22rpx;
				height: 30rpx;
				margin-right: 20rpx;
			}
		}
		
	}
}

</style>
